<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, maximum-scale=1,minimum-scale=1, user-scalable=no"
    />
    <title>tab切换</title>
    <link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="./css/common.css" type="text/css" />
    <link rel="stylesheet" href="./css/work3.css" type="text/css" />
  </head>
  <body>
    <div class="box">
      <div class="nav">
        <div class="active">小说</div>
        <div>非小说</div>
        <div>少儿</div>
      </div>
      <div class="info">
        <ul class="active">
          <li>1、时间旅行者的妻子</li>
          <li>2、女心理师（下）</li>
          <li>3、鬼吹灯之精绝古城</li>
          <li>4、女心理师（上）</li>
          <li>5、小时候</li>
          <li>6、追风筝的人</li>
          <li>7、盗墓笔记2</li>
          <li>8、输赢</li>
        </ul>
        <ul>
          <li>1、人生若只如初见</li>
          <li>2、高效能人士的七个</li>
          <li>3、求医不如求己</li>
          <li>4、人体使用手册</li>
          <li>5、孩子，把你的手给我</li>
          <li>6、别笑！我是英文单词书</li>
          <li>7、人体经络使用手册</li>
          <li>8、股市稳赚</li>
        </ul>
        <ul>
          <li>1、少儿追风筝的人</li>
          <li>2、高效能人士的七个</li>
          <li>3、求医不如求己</li>
          <li>4、追风筝的人</li>
          <li>5、孩子，把你的手给我</li>
          <li>6、别笑！我是英文单词书</li>
          <li>7、人体经络使用手册</li>
          <li>8、追风筝的人</li>
        </ul>
      </div>
    </div>
    <script src="./js/work3.js"></script>
  </body>
</html>
